<template>
    <div>
        <div class="table_title">泰康云医疗陪诊订单</div>
        <div class="table_no">
            <span>订单号：{{data.data.OrderNum}}</span>
            <span>日期：{{data.data.CreateTime | CreateTimeCn}}</span>
        </div>
        <table>
            <tbody>
                <tr>
                    <td>预约人</td>
                    <td>{{message}}</td>
                    <td>联系电话</td>
                    <td>{{data.data.UserPhone}}</td>
                    <td>预约时间</td>
                    <td>
                        <span>{{data.data.BookingTime | BookingTimeCn}}</span>
                    </td>
                </tr>
                <tr>
                    <td>患者姓名</td>
                    <td>{{data.data.UserName}}</td>
                    <td>患者电话</td>
                    <td>{{data.data.UserPhone}}</td>
                    <td>患者年龄</td>
                    <td>{{data.data.UserAge}}</td>
                </tr>
                <tr>
                    <td>服务人员</td>
                    <td>{{data.nurseName}}</td>
                    <td>服务电话</td>
                    <td>{{data.nurseMobile}}</td>
                    <td>预约类型</td>
                    <td>{{data.data.OrderServerName}}</td>
                </tr>
                <tr>
                    <td>主诉病情</td>
                    <td colspan="5" style="text-align:left;padding-left:10px">{{data.data.SickName}}</td>
                </tr>
                <tr>
                    <td>就诊医院</td>
                    <td colspan="5" style="text-align:left;padding-left:10px">{{data.data.HospName}}</td>
                </tr>
                <tr>
                    <td>医院地址</td>
                    <td colspan="5" style="text-align:left;padding-left:10px">{{data.data.ToAddress}}</td>
                </tr>
                <tr>
                    <td>陪诊科室</td>
                    <td>{{data.data.HospDepName}}</td>
                    <td>就诊方式</td>
                    <td>{{data.data.InType |InTypeCn}}</td>
                    <td>就诊类型</td>
                    <td>{{data.data.SeeType |SeeTypeCn}}</td>
                </tr>
                <tr>
                    <td>服务费</td>
                    <td>{{data.data.Money_Service}}</td>
                    <td>行动方便</td>
                    <td v-if="data.data.IsWalkEasy">是</td>
                    <td v-else>否</td>
                    <td>订单状态</td>
                    <td>{{data.data.State | stateCn}}</td>
                </tr>
                <tr>
                    <td>优惠券</td>
                    <td colspan="2" v-if="data.couponName">{{data.couponName}}（{{data.couponMoney}}）满{{data.couponLimit}}使用</td>
                    <td colspan="2" v-else>未使用优惠券</td>
                    <td>最终支付</td>
                    <td colspan="2" >{{data.data.Money_Total}}</td>
                </tr>
                <tr>
                    <td>备注</td>
                    <td colspan="5" style="text-align:left;padding-left:10px">{{data.data.Remark}}</td>
                </tr>
                <!-- <tr>
                    <td colspan="2">药品及材料名称</td>
                    <td>规格</td>
                    <td>数量</td>
                    <td>单位</td>
                    <td>小计</td>
                </tr>
                <tr>
                    <td colspan="2"></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan="2"></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>-->
            </tbody>
        </table>
        <div class="table_footer">
            <div style="float:left">
                <span>客户签名:</span>
                <span class="write"></span>
            </div>
            <div style="float:right">
                <span>服务人员:</span>
                <span class="write"></span>
            </div>
        </div>
        <div style="clear:both;"></div>
    </div>
</template>

<script>
export default {
    props: ['data', 'message'],
    filters: {
        //处理函数
        stateCn(value) {
            if (value === '0') {
                return '待付款'
            } else if (value === '1') {
                return '已付款待确认'
            } else if (value === '2') {
                return '客服订单确认'
            } else if (value === '3') {
                return '服务确认'
            } else if (value === '4') {
                return '服务开始'
            } else if (value === '5') {
                return '服务完成'
            } else if (value === '6') {
                return '已取消'
            } else if (value === '7') {
                return '已退款'
            } else if (value === '8') {
                return '陪诊完成'
            } else if (value === '9') {
                return '评价完成'
            } else if (value === '10') {
                return '全部完成'
            }
        },
        InTypeCn(value) {
            if (value === '1') {
                return '已预约'
            } else if (value === '2') {
                return '代理预约'
            } else if (value === '3') {
                return '现场挂号'
            }
        },
        IsWalkEasyCn(value) {
            if (value) {
                return '是'
            } else {
                return '否'
            }
        },
        SeeTypeCn(value) {
            if (value === '1') {
                return '初诊'
            } else if (value === '2') {
                return '复诊'
            } else if (value === '3') {
                return '检查'
            }
        },
        BookDateCn(value) {
            if (value) {
                return value.substring(0, 10)
            }
        },
        CreateTimeCn(value) {
            if (value) {
                return value.substring(0, 10)
            }
        },
        BookingTimeCn(value) {
            if (value) {
                if (value.substring(11) === '00:00:00') {
                    return value.substring(0, 10)
                } else {
                    return value
                }
            }
        }
    }
}
</script>

<style lang="less" scoped>
.table_title {
    text-align: center;
    font-size: 18px;
}
.table_no {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}
.table_footer {
    margin: 20px;
    div {
        span {
            font-size: 14px;
            display: inline-block;
            width: 64px;
        }
        .write {
            border-bottom: 1px solid black;
            width: 100px;
            margin-right: 10px;
        }
    }
}
table {
    border-collapse: collapse;
    border: solid 1px Black;
}
table td {
    width: 112px;
    height: 40px;
    border: solid 1px Black;
    padding: 6px 4px;
    text-align: center;
}
</style>